.m-layer {
    position: absolute;
    z-index: 1000;
    overflow: hidden;
    border: solid 1px #2187a8;
    border-radius: 8px;
    color: #fff;
    background-color: #001922cf;
}

.layer-temp {
    position: absolute;
    border: solid 2px #fff;
    border-radius: 8px;
    z-index: 1000000;
}

.m-layer .layer-hd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px;
    padding: 0px 5px;
    cursor: move;
    background-color: #2187a8;
}

.m-layer .layer-hd .tt {
    display: flex;
    align-items: center;
    line-height: 21px;
}

.m-layer .layer-hd .btns {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    cursor: pointer;
}

.m-layer .layer-hd .btns .el-icon:hover {
    background-image: linear-gradient(180deg, #ac3f13 0%, #d64d18 11%);
}

.m-layer .layer-bd {
    display: flex;
    overflow: auto;
}

.m-layer .layer-ft {
    position: absolute;
    bottom: 0px;
    width: 100%;
    max-height: 80px;
    background: #2187a8;
}

.m-layer.act {
    z-index: 2000;
}

.m-layer .resize {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 15px;
    height: 15px;
    cursor: se-resize;
}